<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>项目详情</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/workInfo.css">
    </head>
    <body>
        <div class="container">
            <header class="ready">
                <nav class="flex flex-align-items pc">
                    <a href="index.html" class="logo">
                        <img src="img/common/logo.png" alt="logo">
                        <img src="img/common/logoC.png" class="c" alt="logo">
                    </a>
                    <ul class="menu flex">
                        <li>
                            <div class="sonMenu">
                                <div class="contn flex flex-justify-content">
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son1.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>住宅</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son2.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>商业广告</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son3.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>医疗类</span>
                                    </a>
                                </div>
                            </div>
                            <p class="triangle"></p>
                            <a href="javascript:;" class="default">解决方案</a>
                        </li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="works.html">作品集</a></li>
                        <li><a href="news.html">新闻</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
                <nav class="mobile cursor">
                    <div class="head flex flex-align-items">
                        <a href="index.html" class="logo"><img src="img/common/logoC.png" alt="logo"></a>
                        <div class="menuBtn">
                            <span></span>
                        </div>
                    </div>
                    <div class="box flex">
                        <div class="mid">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li>
                                    <a href="javascript:;" class="default">解决方案</a>
                                    <div class="sonMenu">
                                        <div class="contn">
                                            <a href="cateInfo.html">住宅</a>
                                            <a href="cateInfo.html">商业广告</a>
                                            <a href="cateInfo.html">医疗类</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="works.html">作品集</a></li>
                                <li><a href="news.html">新闻</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="footage">
                            <div class="link">
                                <a href="contact.html">联系我们</a>
                                <a href="about.html">关于我们</a>
                            </div>
                            <div class="txt">
                                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                                <p>技术支持：穿石科技</p>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
            <main>
                <div class="headSwiper ready fluid">
                    <div class="contn">
                        <div class="palace flex addFst">
                            <p>
                                <img src="img/workInfo/1.jpg" class="obj-c" alt="pic slide">
                            </p>
                            <p>
                                <img src="img/workInfo/2.jpg" class="obj-c" alt="pic slide">
                            </p>
                            <p>
                                <img src="img/workInfo/3.jpg" class="obj-c" alt="pic slide">
                            </p>
                            <p>
                                <img src="img/workInfo/4.jpg" class="obj-c" alt="pic slide">
                            </p>
                        </div>
                        <div class="control cursor">
                            <div class="pgs flex flex-justify-content">
                                <p>招聘浏览</p>
                                <p class="val">
                                    <span class="curnt">1</span>/
                                    <span class="all"></span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="desc fluid flex ready">
                    <div class="lft">
                        <p class="name">格林威治公寓</p>
                        <p class="t">一座矮小的单身住宅变成了一个醒目的多层住宅，侧重于私人后院，可一览旧金山湾的美景。</p>
                        <ul>
                            <li>
                                <p>第一印象</p>
                                <p>一个小巧的独户住宅，其邻居使之矮小，向内聚焦，并与未开发的后院断开连接。</p>
                            </li>
                            <li>
                                <p>目标</p>
                                <p>创建一个扩展的，现代的家庭住宅，与令人惊叹的环境紧密相连。</p>
                            </li>
                            <li>
                                <p>结果</p>
                                <p>豪华和现代的房屋完全开放，可以欣赏到迷人的景色，室内外之间也可以无缝连接。</p>
                            </li>
                        </ul>
                    </div>
                    <div class="rht">
                        <ul>
                            <li>旧金山牛谷</li>
                            <li>住宅</li>
                            <li>单一家庭，开发人员合作</li>
                            <li>4,200平方英尺</li>
                        </ul>
                    </div>
                </div>
                <div class="details fluid">
                    <p class="ttl ready"><span>我们的解决方案</span></p>
                    <div class="box b1">
                        <div class="picSwiper ready">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b1slide1.jpg" alt="slide pic">    
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b1slide2.jpg" alt="slide pic">    
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <div class="txt flex flex-justify-content ready">
                            <h5>朝外</h5>
                            <p class="t">为适应旧金山宜人的气候和海湾景观而设计，房屋的设计远离繁忙的城市生活，面对着个人绿洲。</p>
                        </div>
                        <p class="pic ready"><img src="img/workInfo/b1pic.jpg" alt="lft pic"></p>
                        <div class="squareTxt flex flex-align-items flex-justify-content ready">
                            <p>后院是房屋的自然延续。</p>
                        </div>
                        <div class="squarePic ready">
                            <p><img src="img/workInfo/b1squarePic.jpg" class="fill obj-c" alt="square pic"></p>
                        </div>
                    </div>
                    <div class="box b2">
                        <div class="picSwiper ready">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b2slide1.jpg" alt="slide pic">    
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b2slide2.jpg" alt="slide pic">    
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <div class="txt flex flex-justify-content ready">
                            <h5>广阔的空间</h5>
                            <p class="t">我们打开并扩建了房屋，在各个层面上都增加了户外居住区。</p>
                        </div>
                        <p class="ready pic"><img src="img/workInfo/b2pic.jpg" alt="rht pic"></p>
                        <div class="squareTxt flex flex-align-items flex-justify-content ready">
                            <p>后院是房屋的自然延续。</p>
                        </div>
                        <div class="squarePic ready">
                            <p><img src="img/workInfo/b1squarePic.jpg" class="fill obj-c" alt="square pic"></p>
                        </div>
                        <div class="squareTxt flex flex-align-items flex-justify-content ready">
                            <p>后院是房屋的自然延续。</p>
                        </div>
                        
                    </div>
                    <div class="box b3">
                        <div class="picSwiper ready">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b3slide1.jpg" alt="slide pic">    
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="img/workInfo/b3slide2.jpg" alt="slide pic">    
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <div class="txt flex flex-justify-content ready">
                            <h5>广阔的空间</h5>
                            <p class="t">我们打开并扩建了房屋，在各个层面上都增加了户外居住区。</p>
                        </div>
                        <p class="ready pic"><img src="img/workInfo/b3pic1.jpg" alt="rht pic"></p>
                        <p class="ready pic"><img src="img/workInfo/b3pic2.jpg" alt=""></p>
                        <div class="squareTxt flex flex-align-items flex-justify-content ready">
                            <p>后院是房屋的自然延续。</p>
                        </div>
                        <div class="squarePic ready">
                            <p><img src="img/workInfo/b3squarePic.jpg" class="fill obj-c" alt="square pic"></p>
                        </div>
                    </div>
                </div>
                <div class="tip ready overself">
                    <div class="contn">
                        <div class="txt ready">
                            <p class="ttl"><span>结果</span></p>
                            <p class="t">这座旧金山家庭住宅经过重大扩展和设计，着重室内/室外生活方式，已转变为完美适合现代生活的豪华私人绿洲。</p>
                        </div>
                        <div class="scrollDown flex flex-align-items">
                            <i></i>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="ognztn">
                    <img src="img/cateInfo/atclBg.jpg" class="obj-c fill" alt="this bg">
                    <div class="fluid">
                        <a href="works_w1.html">查看住宅组合</a>
                        <div class="related flex ready overHalf">
                            <div class="item">
                                <div class="pic">
                                    <a href="workInfo.html" class="swiper-container workSwiper">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                        </div>
                                    </a>
                                    <p class="btn prev"></p>
                                    <p class="btn next"></p>
                                </div>
                                <div class="txt">
                                    <p class="name">穿石公寓</p>
                                    <div class="dtls">
                                        <p><span>类型:</span><span>类型</span></p>
                                        <p><span>地点:</span><span>浙江宁波鄞州区</span></p>
                                    </div>
                                    <a href="workInfo.html" class="moreBox">
                                        <p class="more"><span>查看项目</span></p>
                                    </a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="pic">
                                    <a href="workInfo.html" class="swiper-container workSwiper">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="img/news/newsPic.jpg" alt="作品配图">
                                            </div>
                                        </div>
                                    </a>
                                    <p class="btn prev"></p>
                                    <p class="btn next"></p>
                                </div>
                                <div class="txt">
                                    <p class="name">穿石公寓</p>
                                    <div class="dtls">
                                        <p><span>类型:</span><span>类型</span></p>
                                        <p><span>地点:</span><span>浙江宁波鄞州区</span></p>
                                    </div>
                                    <a href="workInfo.html" class="moreBox">
                                        <p class="more"><span>查看项目</span></p>
                                    </a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="mid">
                                    <div class="inner">
                                        <p class="ttl"><span>重新定义您的空间</span></p>
                                        <p class="eng">与Martinkovic Milford  Architects</p>
                                        <a href="contact.html" class="muchMore flex flex-align-items flex-justify-content"><span>开始讨论</span></a>
                                    </div>
                                </div>
                                <span class="hor tp"></span>
                                <span class="ver rht"></span>
                                <span class="hor btm"></span>
                                <span class="ver lft"></span>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <a href="index.html"><img src="img/common/logoC.png" alt="logos"></a>
                <p>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/workInfo.js"></script>
    </body>
</html>